<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件监听</title>
</head>
<body>
    <!--1.HTML配合事件监听-->
    <button onclick="myClick()">我是按钮1</button>
    <br>
    <button id="btn2">我是按钮2</button>
</body>
<script>
    function myClick() {
        alert("触发点击事件 1")
    }

    //2.纯JS方式事件监听(通常使用这种,显示与功能分离)
    // 监听第二个按钮
    //获取对象,操作对象
    document.getElementById("btn2").onclick = function() {
        alert("触发点击事件 2")
    }
</script>
</html>